<template>
    <a-card title="总交付文档" :bordered="false">
        <a-row :gutter="16" class="mb-10">
            <a-col :span="16" class="h-20 flex items-center">
                21篇
            </a-col>
            <a-col :span="8"> <a-progress :width="80" type="circle" :percent="21.4" class="mr-5" />

            </a-col>
        </a-row>
        <a-row :gutter="16">
            <a-col :span="16">总预期文档：99 篇</a-col>
            <a-col :span="8">文档提交率：21.4%</a-col>
        </a-row>
    </a-card>
</template>

<script setup name="steps">
const props = defineProps({
    proId: {
        type: Number,
    },
})
const { proId } = toRefs(props)
const getStep = (pId) => {
    console.log("fatch proId", pId)
}
watch(proId, () => {
    getStep(proId.value);
});
</script>
<style scoped></style>
